.el-menu {
  border: none;
  height: 100%;
  width: 100% !important;
}

.el-menu-item, .menu-title {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.el-menu-item .el-menu-tooltip__trigger {
  display: inline-block !important;
}

// menu hover
.submenu-title-noDropdown,
.el-sub-menu__title {
  &:hover {
    color: rgb(64, 158, 255) !important;
    background-color: transparent !important;
    .svg-icon{
      color: #1890ff !important;
    }
  }
}

.theme-dark .is-active > .el-sub-menu__title {
  color: --base-menu-color-active !important;
  background-color: transparent !important;
}

.el-menu-item.is-active {
  color: #1890ff !important;
  background-color: #3169f81a !important;
  .svg-icon{
    color: #1890ff !important;
  }
}

.nest-menu .el-sub-menu>.el-sub-menu__title,
.el-sub-menu .el-menu-item {
  min-width: --base-sidebar-width !important;

  &:hover {
    color: rgb(64, 158, 255) !important;
    // background-color: transparent !important;
    .svg-icon{
      color: #1890ff !important;
    }
  }
}

.theme-dark .nest-menu .el-sub-menu>.el-sub-menu__title,
.theme-dark .el-sub-menu .el-menu-item {
  background-color: --base-sub-menu-background !important;

  &:hover {
    background-color: --base-sub-menu-hover !important;
  }
}